﻿@import "common.css";
body { padding:0; margin:0;font-family:"微软雅黑";font-size: 12px;color:#3f3f3f; min-width:1200px; background:#FFF;} 
html,td,th,table,h1, h2, h3, h4, h5, h6,ul,ol,li{font-family:Microsoft Yahei,"微软雅黑";}
:focus{outline: 0;} 
*{ margin:0;padding:0;}
ul{ margin:0px; padding:0px;zoom:1;/*用于IE6*/ }
div {zoom:1;/*用于IE6,要是IE6错位,修复这个.*/}
img{border:0;}
h1, h2, h3, h4, h5, h6,strong { font-size: 100%; font-weight: normal; }
ul,ol,li{ list-style:none}
a {color:#3f3f3f;text-decoration: none;cursor:pointer;}
a:hover {color:#FF6600;text-decoration: none;}
.clr{clear:both;}
em{font-style:normal;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
* html .clearfix{zoom:1;}
*:first-child + html .clearfix{zoom:1;}
.color_red{ color:#DC0000;}




.mt16{ margin-top:16px;}
.mb16{ margin-bottom:16px;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.nomessage{ line-height:200px; text-align:center; font-size:14px;}
.none{ display:none;}
.fl{ float:left;}
.fr{ float:right;}


/*顶部*/
.wrapper{ width:1250px; margin:0 auto;position: relative;}
.header{}
.headbox{ width:1170px; margin:0 auto;}
.shortCut{height:38px;border:#F0F0F0 1px solid; background:#F6F6F6;overflow:hidden;font: normal 12px/38px "微软雅黑"; color:#7d6856; margin-bottom:27px;}
.shortCut .applink{ float:left;width:300px;}
.shortCut .applink .app{ background:url(../images/icon_app.jpg) left center no-repeat;}
.loginBar{ float:right; width:700px; height:38px;text-align:right;}
.shortCut a{ display:inline-block; height:38px;color:#7d6856; padding:0 18px;}


.logo{ float:left; margin:8px 75px 0 43px; width:164px; height:60px; background:url(../images/logo.jpg) no-repeat;}
.logo a{ display:block; width:164px; height:60px;}

.headbox .fbxm{ float:right; border:#E4E4E4 1px solid; padding:11px 38px; background:#FFF;}
.headbox .fbxm a{/* float:left; width:82px;*/ display: inline-block; padding-left:52px; height:44px;font: bold 22px/44px "微软雅黑"; color:#D8A41A; background:url(../images/top_fbxm.jpg) left center no-repeat; overflow:hidden;}

/*顶部搜索框*/
.searchheader{ float:left; width:624px;height:44px; border:#EFBE33 2px solid; margin-top:9px; background:#EFBE33;}
.searchheader input{ float:left;border: 0px none #FFF; }
.searchheader .sea_input {width:450px;line-height:44px;height:44px;color:#999; padding:0 18px; background:#fff;}
.searchheader .sea_btn { display:block;/*width:138px; text-indent:-1000px;*/ padding-left:52px; width:98px; height:44px; background:#EFBE33 url(../images/topresearch_btn.jpg) left center no-repeat; font:normal 16px/44px "微软雅黑"; border:0; overflow:hidden; cursor:pointer;}
/*.searchheader .ss2 { float:left;border:0px none #FFF;width:80px;height:37px; padding-top:1px;color:#999; background:url(/images/research.jpg) no-repeat;}
.searchheader .ss1 { float:left;padding:8px 10px; width:350px; height:22px;}
.searchheader .ss1 input {border: 0px none #FFF; line-height:22px;height:22px;width:350px;color:#999;}
.searchheader .ss3 { float:left;width:100px;height:38px;}
.searchheader .ss3 input{ float:left;width:100px;height:38px; cursor:pointer; background: url(../images/topresearch.jpg) -450px 0 no-repeat; border:0; line-height:38px; color:#333; font-size:14px; font-weight:bold; letter-spacing:4px; text-indent:-1000px; overflow:hidden;}
*/
/*搜索分类下拉框*/
.selecter{height:36px;}
.selecter a{ font-size:12px; display:block;background:url(../images/selectBG.gif) 0 0 no-repeat;padding-left:12px;color:#999;overflow:hidden;}
.selecter a:hover{background-position:0 -36px; text-decoration:none;}
.selecter a:hover.open,.selecter a.open{background-position:0 -72px; text-decoration:none;}

.selecter a#aa{ display:block;width:44px; height:36px; overflow:hidden;line-height:36px;padding-right:22px; overflow:hidden;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;}
.selecter p{margin:0; padding:0;display:none;line-height:24px!important;line-height:26px;position: absolute; width:78px;border: 1px solid #CCCCCC;background:url(/images/selectBG.gif) left bottom;padding-bottom:6px; }
.selecter p a{background-position:0 -158px;background-color:#FFF; height:24px; overflow:hidden; padding-left:12px; }
.selecter p a.current{background-position:0 -134px; color:#fff; background-color:#6D93AB; text-decoration:none;}
.selecter p a:hover{background-position:0 -110px; color:#fff;background-color:#B6CDDC; text-decoration:none;}


/*主导航*/
.navbox{ width:100%; height:55px; background:#f0be32; margin-top:25px;}
.navlist li{ float:left; position:relative; /*width:155px;*/height:55px; margin-right:5px; text-align:center; color:#3F3F3F;}
.navlist li.nhome{ width:124px;}
.navlist li .dh_pack{ float:left;display: block;height:55px;color:#3F3F3F;cursor:pointer; padding:0 45px; font: bold 16px/55px "微软雅黑";}
.navlist li .dh_pack:hover,.navbox .navlist li .on{ background:#3F3F3F; color:#EFBE33;}
.navlist li.dh_cursor{ width:245px; margin-right:40px;}
/*精选项目分类*/
.dhmenu{ position:absolute; left:3px; top:8px; z-index:99;width:240px; border:1px solid #E7E7E7; background:#FFF;}
.dhmenu_tit{ display:block; width:240px; height:54px; font: bold 16px/50px "微软雅黑"; color:#dca200; cursor:pointer; background:url(../images/dhmenu.jpg) center 43px no-repeat;}
.showmenu{ padding-top:17px; /*padding-bottom:6px;*/ display:none; position:relative;}
#shown{ display:block; height:468px;}
.item-show{overflow: visible;}
.item-show .item{ display:block;/*height:54px;*/border-top:1px solid #E7E7E7; background:#F8F8F8;}
.item-show .db{ background:#FFF;}
.item-show .item h3{ display:block; width:240px;height:54px; text-align:center; font:bold 14px/54px "微软雅黑"; position:relative;}
.item-show .item h3 a{ display:block;  width:240px;height:54px;color:#3F3F3F;}
.item-show s{position: absolute;top: 21px;left:178px;width:8px;height: 9px;display: block;background: url(../images/s_grey.png) no-repeat;_background-image: url(../images/s_grey.png);}
.item-show .selected h3{background-color:#FFF;}
.item-show .selected h3 a{ position:absolute;z-index:10000; left:0; top:0; width:242px; background-color:#FFF;}


.item-show h3.item_more{ height:81px; background-image:url(../images/categorys_more_bg.png) 50px 37px no-repeat;color:#dca200;}
.item-show h3.item_more a{ padding-top:21px; padding-bottom:6px;width:240px; height:54px; overflow:hidden;color:#dca200; background:#FFF url(../images/categorys_more_bg.png) 50px 37px no-repeat;}
.item-show h3.item_more s{position: absolute;top:44px;left:178px;width:8px;height: 9px;display: block;background: url(../images/s_org.png) no-repeat;_background-image: url(../images/s_org.png);}

/*二级分类层*/
.i-mc {display: none;position: absolute;left: 239px;top:-3px; z-index:9999; width:1002px; text-align:left; height:auto !important;height:471px; min-height:471px; padding:8px;border: 1px solid #DDD;background: #FFF;overflow: visible;
-moz-box-shadow: 0 0 10px #DDD;
-webkit-box-shadow: 0 0 10px #DDD;
box-shadow: 0 0 10px #DDD;
}
.i-mc .subitem {float: left;width: 744px;min-height:471px;}
.i-mc .cat-right-con{ float:right; width:194px;}
.i-mc dl {border-top: 1px solid #EEE;padding: 6px 0;overflow: hidden;zoom: 1;}
.i-mc dl.first{ border:0;}
.i-mc dt { display:none;float: left;width: 54px;line-height: 22px;text-align: right;padding: 3px 6px 0 0;font-weight: 700;color: #E4393C;}
.i-mc dt a{color: #E4393C;}
.i-mc dd {padding: 3px 0 0;overflow: hidden;zoom: 1;}
.i-mc em {float: left;height: 14px;margin: 4px 0;line-height: 14px;padding: 0 8px;border-left: 1px solid #ccc;}
.cat-right-con dl{ border:0;}
.cat-right-con dt{ float:none; display:block; width:194px; text-align:left;}
.cat-right-con dd{ float:none;}
.cat-right-con img{ margin-bottom:4px;}
.categorys-brands li{ padding:0; margin:0;width:194px;overflow:hidden; height:20px; line-height:20px; color:#3f3f3f; text-align:left;}
.categorys-brands li a{ color:#3f3f3f}

/*底部*/
#footer{width:100%;margin-top:60px; background:#F6F6F6; padding-top:45px;}
.footer_help{ float:left; width:850px; line-height:50px; color:#000; font-size:14px;}
.footer_help a{ color:#000;}
.footer_help a:hover{ color:#ff6600;}
.footer_help li{ float:left;padding-left:15px; width:140px;}
.footer_help li h3{ height:34px; margin-bottom:18px; font:bold 14px/34px "微软雅黑";}
.footer_contact{ float:right; width:258px; line-height:36px; font-size:14px}
.footer_contact li{ padding-left:39px; margin-bottom:16px;}
.footer_contact strong{ font:bold 20px/36px "微软雅黑";}
.footer_contact li.tel{ background:url(../images/foot_tel.jpg) left 7px no-repeat;}
.footer_contact li.qq{ background:url(../images/foot_qq.jpg) left 7px no-repeat; margin-bottom:0;}

.footer_con{ margin-top:75px; padding:26px 0 57px 0; background:#3F3F3F; line-height:28px; font-size:14px; color:#fff;}
.footer_copy{ width:1220px; margin:0 auto;}
.footer_copy span{ float:right;}

/*分页*/
.pagebox{/* padding:0 17px; */margin-top:20px;height:34px; line-height:34px;text-align:left;font-size:12px;}
.pagebox a,.pagebox span{ display:inline-block; height:32px; line-height:32px; padding:0 14px; margin:0 2px; color:#333;background:#fff; border:#E7E7E7 1px solid;}
.pagebox span a{ border:0; color:#3f3f3f;}
.pagebox a:hover,.pagebox a.currue,.pagebox span.currue{color:#3f3f3f; background:#EFBE33;}
.pagebox .pagemore{ float:right;}
.pagebox .pagemore label{ float:left; margin:0 5px;}
.pagebox .pagemore .pagenum{ float:left; border:#E7E7E7 1px solid; height:32px; line-height:32px; width:42px;}
.pagebox .pagemore .btnpage{ float:left; padding:0 14px; height:32px; line-height:32px; background:#F6F6F6; border:#E7E7E7 1px solid;}


/*搜索下拉*/
.i-search{z-index: 11; width:624px; height:44px;position: relative;zoom:1;}
.i-search #shelper {overflow: hidden;position: absolute;top: 45px;left: -2px;width:487px;border: 2px solid #EFBE33;background: #fff;-moz-box-shadow: 0 0 5px #999;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;}
.i-search .hide {display:none;}
#shelper li {overflow: hidden;padding: 1px 6px;line-height: 22px;cursor: pointer;}
#shelper .search-item {float:left;width: 190px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#shelper .search-count {overflow: hidden;color:#aaa;text-align: right;}
#shelper li:hover{background: #FFDFC6;}
#shelper li.fore1 {width: 100%;padding: 0;border-bottom: 1px solid #ddd;}
#shelper li strong{ color:#EFBE33; font-weight:bold;}
#shelper li.fore1 div.fore1 {padding: 0 6px;}
#shelper li.fore1 div:hover {background: #FFDFC6;}
#shelper li.fore1 .search-item {width: 170px;}
#shelper li.fore1 .item1 {float: none;width: auto;height: 22px;padding: 1px 2px 1px 20px;overflow: hidden;zoom: 1;}

#shelper li.close:hover {background: 0;}
#shelper li.fore1:hover, #shelper li.close:hover {background: 0;}
#shelper .close {border-top: 1px solid #efefef;text-align: right;}